<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>实战2</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
	<div id="header">
		<div class="layout clearfix">
			<a class="logo" href="#"><i class="fa fa-rocket"></i></a>
			<ul class="navbar clearfix">
				<li><a href="#">项目</a></li>
				<li><a href="#">博客</a></li>
				<li><a href="#">简介</a></li>
				<li>
					<a href="#">更多<i class="fa fa-sort-down"></i></a>
					<ul class="droplist">
						<li><a href="#">github</a></li>
						<li><a href="#">知乎</a></li>
						<li><a href="#">微博</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div id="main">
		<div class="intro">
			<div class="layout">
				<h1>我的简介</h1>
			  <p>这是我的简介</p>
			  <p>简介简介</p>
			</div>
		</div>
		<div class=" breadcrumb layout">
			<ul class="clearfix">
				<li><a href="#">首页</a></li>
				<li class="line">/</li>
				<li>我的作品</li>
			</ul>
		</div>
		<div class="works layout">
			<ul class="clearfix">
				<li>
					<a href="#"><img src="img/1.jpg"></a>
					<h3>作品1</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/2.jpg"></a>
					<h3>作品2</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/3.jpg"></a>
					<h3>作品3</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/4.jpg"></a>
					<h3>作品4</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/5.jpg"></a>
					<h3>作品5</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/6.jpg"></a>
					<h3>作品6</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/7.jpg"></a>
					<h3>作品7</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/8.jpg"></a>
					<h3>作品8</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>

				<li>
					<a href="#"><img src="img/9.jpg"></a>
					<h3>作品9</h3>
					<p>我的作品</p>
					<a href="" class="btn">查看</a>
				</li>
			</ul>
		</div>
		<div class="about">
			<div class="layout">
				<ul>
					<h2>想要更详细的了解我？</h2>
					<p>可以下载我的简历或者电话联系我</p>
					<a class="btn" href="#">下载</a>
				</ul>
			</div>

		</div>
	</div>
	<hr>
	<div id="footer">
		<p>by noobzhang</p>
	</div>
</body>
</html>